<template>
    <div class="about-layout">
        <header-view>
            <img src="../../../assets/image/back.png" alt="" class="icon" @click="goBack">
            <div class="title">关于创意平台</div>
            <div class="icon"></div>
        </header-view>
        <div class="content">
            <div class="info">
                <img src="../../../assets/image/logo.png" alt="" class="logo">
                <p class="font-large36" style="opacity: 0.8;padding-bottom: 10px">创意平台</p>
                <p class="font-large26" style="opacity: 0.8;">版本：1.0</p>
            </div>
            <div class="copy-right">
                <p class="font-large" style="padding-bottom: 10px">公司官网：www.ccvi.top</p>
                <p class="font-large">版权所有：北京元创亿科技文化有限责任公司</p>
            </div>
        </div>
    </div>
</template>

<script>
    import HeaderView from '../../common/HeaderView';

    export default {
        name: 'AboutUs',
        components: {HeaderView},
        data() {
            return {

            }
        },
        methods: {
            goBack() {
                this.$router.push({name: 'index',params: {index: 4}})
            }
        }
    }
</script>

<style scoped>
    .about-layout {
        background: #F5F8FB;
        min-height: 89.8vh;
        padding: 0 20px;
        margin-top: 135px;
    }
    .info {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 143px;
    }
    .logo {
        width: 154px;
        height: 154px;
        padding-bottom: 35px;
    }
    .copy-right {
        position: absolute;
        bottom: 166px;
        left: 40%;
        transform: translateX(-30%);
    }
    .copy-right p {
        text-align: center;
        opacity: 0.3;
    }

</style>